<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, shrink-to-fit=no" />
    <title>账号注册-第一步</title>
    <link rel="shortcut icon" href="../../images/favicon.ico">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/style.css">
    <script src="../../js/common/jquery-1.11.3.min.js"></script>
    <script src="../../js/common/common.js"></script>
    <script src="../../js/common/tips.js"></script>
    <script src="../../js/reg/reg.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

</head>

<body class="index-body">
    <section class="repwd-container">
        <!-- 背景音效 -->
        <audio src="../../mp3/homeBackgroud.mp3" preload="auto" id="homeBackgroud" autoplay loop></audio>
        <!-- 点击按钮音效 -->
        <audio src="../../mp3/button.mp3" preload="auto" id="buttonMps"></audio>
        <!-- 附加页面 -->
        <audio src="../../mp3/otherPages.mp3" id="otherPages" preload="auto"></audio>
        <i class="page-back" id="regBackFirst"></i>
        <div class="img-wrapper wrapper-01">
            <img src="../../images/02.png" alt="">
        </div>
        <div class="img-wrapper wrapper-02">
            <img src="../../images/03.png" alt="">
        </div>
        <div class="img-wrapper wrapper-03">
            <img src="../../images/04.png" alt="">
        </div>
        <div class="img-wrapper wrapper-04">
            <img src="../../images/05.png" alt="">
        </div>
        <div class="img-wrapper wrapper-05">
            <img src="../../images/06.png" alt="">
        </div>
        <div class="img-wrapper wrapper-06">
            <img src="../../images/07.png" alt="">
        </div>

        <div class="rewpd-wrapper">
            <div class="rewpd-content reg-content reg-next">
                <h1 style="top: -26px;"></h1>
                <h2>使用手机号注册账号</h2>
                <div class="login-input-wrapper input-1" id="inputTel">
                    <i></i>
                    <input class="input-1" type="number" placeholder="请输入电话号码" id="reg-phone" />
                    <div class="tel-close" id="telClear"></div>
                </div>
                <div class="repwd-code">
                    <div class="login-input-wrapper input-3" id="inputCode">
                        <i></i>
                        <input class="input-2" type="number" placeholder="请输入验证码" id="reg-code" />
                        <div class="code-close"></div>
                    </div>
                    <p class="codeBtn" id="codeBtn">获取验证码</p>
                </div>
                <div class="reg-agreement">
                    <h1>点击“下一步”即表示同意<a href="./reg-agreement.html">《用户协议》</a></h1>
                </div>
                <div class="repwd-btn" id="red-first">
                    <i></i>
                </div>
            </div>
        </div>
        <!-- tips -->
        <div class="reg-tips"></div>
    </section>
</body>
<script>
    // audio自动播放
    document.addEventListener("WeixinJSBridgeReady", function () {
        document.getElementById('homeBackgroud').play();
    }, false);
    starFlicker();
</script>

</html>